﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Yumcha_Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <!-- Basic Page Needs
  ================================================== -->
    <meta charset="utf-8" />
    <title>Golden Harvest - Yumcha</title>
    <link type="image5/x-icon" href="images/1342510019_food.ico" rel="shortcut icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- CSS
  ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/camera.css" />
    <link rel="stylesheet" type="text/css" href="css/flexslider.css" />
    <link rel="stylesheet" type="text/css" href="css/fw_base.css" />
    <link href="css/fw_layout.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/skeleton.css" />
    <link rel="stylesheet" type="text/css" href="css/fullimage.css" />
    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet'
        type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css' />
    <!-- JS
  ================================================== -->

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/jquery-ui.min.js"></script>

    <script type="text/javascript" src="js/jquery.flexslider.js"></script>

    <script type='text/javascript' src='js/camera.min.js'></script>

    <script>
        preloadImages([
			'images/nav-hover.png',
			'images/nav-hover-corner.png',
			'images/nav-marker-act.gif'
		])
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="main_wrapper">
        <header>
        <div class="container">
          <div class="nav_shadow">
            <div class="nav_container">
              <nav class="head_nav">
                <ul class="mainmenu">
                  <li class="act home"><a href="../Default.aspx"><img src="images/home-page-link.png" alt=""/>Home</a></li>
                  <li class="sep"></li>
                  <li> <a href="javascript:void(0)">features</a>
                    <ul class="sub_menu level1">
                      <li><a href="#">Typography</a></li>
                      <li> <a href="javascript:void(0)">Sidebars</a>
                        <ul class="sub_menu level2">
                          <li><a href="#">Sidebar Right</a></li>
                          <li><a href="#">Sidebar Left</a></li>
                          <li><a href="#">Both Sidebars</a></li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="sep"></li>
                  <li> <a href="javascript:void(0)">Menu</a> </li>
                  <li class="sep"></li>
                  <li> <a href="#">projects</a>
                    <ul class="sub_menu level1">
                      <li><a href="#">Projects 1 Col</a></li>
                      <li><a href="#">Projects 2 Col</a></li>
                      <li><a href="#">Projects 3 Col</a></li>
                      <li><a href="#">Projects 4 Col</a></li>
                    </ul>
                  </li>
                  <li class="sep"></li>
                  <li> <a href="#">blog</a>
                    <ul class="sub_menu level1">
                      <li><a href="#">Right Sidebar</a></li>
                      <li><a href="#">Left Sidebar</a></li>
                      <li><a href="#">Both Sidebars</a></li>
                    </ul>
                  </li>
                  <li class="sep"></li>
                  <li><a href="ContactUs.aspx">contact</a></li>
                  <li class="sep"></li>
                </ul>
                <div class="menu_indicator"></div>
              </nav>
              
                
              <nav class="mobile_nav"> <a href="javascript:void(0)" class="menu_toggle">Menu</a>
                <ul class="mobile_menu">
                </ul>
              </nav>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        <div class="sixteen columns"> <a href="index.html" class="logo"><img src="images/logo.png"></a> 
          <!-- ~#Main Navigation --> 
          <!-- ~#Social Links -->
          <ul class="socials">
            <div class="footer_social_button"> <a href="#"> <img src="images/facebook-32x32.png" title="facebook" alt="facebook" /></a> <a href="#"> <img src="images/flickr-32x32.png" title="flickr" alt="flickr" /></a> <a href="#"> <img src="images/twitter-32x32.png" title="twitter" alt="twitter" /></a> <a href="#"> <img src="images/youtube-32x32.png" title="youtube" alt="youtube" /></a> <a href="#"> <img src="images/rss-32x32.png" title="rss" alt="rss" /></a> </div>
          </ul>
        </div>
      </header>
        <!-- Top Slider
================================================== -->
        

        <!-- Main Container
================================================== -->
        <div class="site_container container">
            <div class="sixteen columns top25">
                <div class="spacer">
                    <span>Yum Cha Garden - Ala Carte Menu</span>
                </div>
            </div>
            <div class="clear">
            </div>
            <div class="twelve columns offset-by-two">
                <div class="slogan1">
                    While we seek to ensure accurate information and timely updates on our website, kindly understand that some information such as menus and prices may be subject to change
                </div>
            </div>
            <div class="clear">
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="Yumcha/Index.aspx">
                        <img src="images/alacarte_03.jpg" alt="" class="scale-with-grid" /></a>
                </div>
                <div class="top15">
                    <div class="title">
                        Salted Egg Prawns</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_04.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        Yum Cha Signature Chilli Crab</div>
                    
                </div>
            </div>
            <%--<div class="four columns">
                <div class="img-container" id="rollover">
                    <a href="">
                        <img src="images/page1-img2.jpg" alt="" class="scale-with-grid" /><span><img src="images/page1-img2.jpg"
                            alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        WEDDING</div>
                    There are many variations of passages of Lorem Ipsum available
                    <div class="top10">
                        <a href="#" class="arrowed">Read More <span>&rarr;</span></a></div>
                </div>
            </div>--%>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_05.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        CORPORATE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_06.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_07.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_08.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_09.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_10.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_02.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_03.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="four columns">
                <div class="img-container">
                    <a href="">
                        <img src="images/alacarte_04.jpg" alt="" class="scale-with-grid" /></a></div>
                <div class="top15">
                    <div class="title">
                        KARAOKE</div>
                    
                </div>
            </div>
            <div class="clear">
            </div>
            <div class="sixteen columns top20">
                <div class="spacer">
                    <span>Testimonials</span>
                </div>
            </div>
            <div class="clear">
            </div>
            <div class="columns sixteen top10">
                <div class="flexslider">
                    <ul class="slides">
                        <li>
                            <div>
                                page 1
                            </div>
                        </li>
                        <li>
                            <div>
                                page 2
                            </div>
                        </li>
                        <li>
                            <div>
                                page 3
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <script type="text/javascript">
                $(window).load(function() {
                    $('.flexslider').flexslider({
                        controlNav: false
                    });
                });
            </script>

            <div class="clear">
                <!-- ClearFix -->
            </div>
            
            
        </div>
        <!-- Footer
================================================== -->
        <div class="aside">
            <div class="aside-divider">
                <div class="aside-divider pos1">
                    <div class="aside-divider pos2">
                        <div class="container">
                            <div class="columns five">
                                <h5>
                                    Flickr photostream</h5>
                                <ul class="flickr">
                                </ul>

                                <script>
                                    jQuery(document).ready(function() {
                                        $('.flickr').jflickrfeed({
                                            limit: 6,
                                            qstrings: {
                                                id: '50774996@N03'
                                            },
                                            itemTemplate: '<li><a href="{{image_b}}" style="display:block;position:relative;"><img src="{{image_s}}" alt="{{title}}"/></a></li>'
                                        });
                                    });
                                </script>

                            </div>
                            <div class="columns three">
                                <h5>
                                    Shipping info</h5>
                                <ul class="aside_list">
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Extended Service Plan</a></li>
                                    <li><a href="#">Gift Cards</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </div>
                            <div class="columns two offset-by-one">
                                <h5>
                                    Our Offers</h5>
                                <ul class="archive_list">
                                    <li><a href="#">Manufacturers</a></li>
                                    <li><a href="#">New products</a></li>
                                    <li><a href="#">Specials</a></li>
                                    <li><a href="#">Suppliers</a></li>
                                    <li><a href="#">Top sellers</a></li>
                                </ul>
                            </div>
                            <div class="columns four offset-by-one">
                                <h5>
                                    Links</h5>
                                <ul class="aside_list">
                                    <li><a href="#">At vero eos et accusamus</a></li>
                                    <li><a href="#">Dignissimos ducimus</a></li>
                                    <li><a href="#">Praesentium voluptatum</a></li>
                                    <li><a href="#">Corrupti quos dolores</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer> Golden Harvest Restaurant <br>
        Level 1, 239 Canley Vale RD Canley Heights, NSW 2166 </footer>
    </div>
    </form>
</body>
</html>
